<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<style type="text/css">
	.beizhu{overflow: auto; border-left: solid 1px #E1E1E1; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.20); z-index: 100; width: 380px; position:fixed; left: -380px; top:0px;bottom: 0; background: #fff;}
.beizhu-con{ padding: 15px;}
.beizhu .page-header{margin: 30px 0 10px;}
</style>
	</head>
	<body>
		<button class="btn btn-primary btn-beizhu">弹出</button>
<!--添加和显示备注-->
<div class="beizhu">
	<div class="beizhu-con">
		<button type="button" class="close"><span>&times;</span></button>
		<h4 class="page-header">张三-CFO备注</h4>
		<div class="form-group"><textarea rows="3" placeholder="请输入备注内容" class=" form-control"></textarea>
		</div>
		<div class=" form-group clearfix">
			<a href="#" class="btn btn-primary pull-right"> 保存备注</a>
		</div>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试这个人不错，可以考虑联系面试</dd>
		</dl>
		<dl>
			<dt class="page-header">11:31  2015/3/2</dt>
			<dd>这个人不错，可以考虑联系面试</dd>
		</dl>
	
	</div>
</div>


<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
//		候选人备注
		$(".btn-beizhu").click(function(e){
			e.stopPropagation();
			e.preventDefault();
			$(".beizhu").beizhu();
		});

		
	})
</script>

	</body>
</html>
